#{extends 'main.html' /} #{set title:'recommendedTopic.html' /}

<body style="background-color: White;">

	<h2>
		<font size="5" face="Arial" color="Green"> <i> Your List of
				Recommended Topics : </i> </font>
	</h2>
	#{ifnot recommendedTopics}
	<p>You have no Recommended Topics</p>
	#{/ifnot}
		<tr>#{list items:recommendedTopics, as:'topicList'}
		</tr>
		
		<td>
			<ul>
				<li>
					<h2>${topicList.topicName.raw()}</h2></li>
			</ul> #{/list}
			<p>
			<font size="5" face="Arial" color="Green"> <i>  List of Topics : </i> </font>
			#{ifnot topics}
			there is no topics 
			#{/ifnot}
			#{list items:topics, as:'topic'}
			<li>

			<h2>${topic.topicName.raw()}</h2>
	</li>
		<form action="@{CommunityLists.recommendTopic()}" method="GET">
			<button name="commId" type="submit" value="${commId}">Recommed
				this topic</button>
			<input type="hidden" name="topicId" value="${topic.id}" />
		</form> #{/list}
			
				<a href="@{Application.viewProfile()}">Back to Profile Page</a>
</body>